<!--
 * @Description: 
 * @Author: rendc
 * @Date: 2025-04-24 09:10:18
 * @LastEditors: rendc
 * @LastEditTime: 2025-04-24 10:17:28
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <!-- head 标签中的其他功能 -->
  <!-- 设置选项卡的图标 -->
  <link rel="icon" href="//www.jd.com/favicon.ico" mce_href="//www.jd.com/favicon.ico" type="image/x-icon">
  <!-- 设置网页内容的关键字和详情给搜索引擎的爬虫去使用 -->
  <meta name="Keywords" content="java入门到精通销量排行,java入门到精通哪个好，java入门到精通多少钱">
  <meta name="description"
    content="京东JD.COM为您提供java入门到精通销量排行榜、java入门到精通哪个好、java入门到精通多少钱等相关资讯,从java入门到精通价格、评价、图片等多方面比较，为您推荐优质java入门到精通产品！">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- 选项卡的名称 -->
  <title>hello</title>
</head>

<body>
  <!-- body中的内容是显示到视口区的内容 -->
  hello,html
  <h3>功能元素</h3>
  <h4>ul-li：无序列表</h4>
  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4.4</li>
  </ul>
  <h4>ol-li：有序列表</h4>
  <ol>
    <li>1</li>
    <li>4</li>
    <li>3</li>
    <li>2</li>
  </ol>

  <h4>dl-dd-dt：定义列表</h4>
  <dl>
    <dt>标题一</dt>
    <dd>标题一的详细内容</dd>
    <dt>标题二</dt>
    <dd>标题二的详细内容</dd>
  </dl>
  <h4>表格</h4>
  <!-- 给表格加 border 设置单元格之间的距离为0 -->
  <table border="1px" cellspacing="0px">
    <caption>学生信息表</caption>
    <thead>
      <!-- 设置背景色 -->
      <tr bgcolor="skyblue" align="center" height="50px" valign="middle">
        <td>姓名</td>
        <td>年龄</td>
        <td>身高</td>
        <td>学号</td>
        <td>班级</td>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>张三</td>
        <td align="right">19</td>
        <td>1.78</td>
        <td>202212301</td>
        <td rowspan="2">一班</td>
      </tr>
      <tr>
        <td>李四</td>
        <td align="right">17</td>
        <td>1.68</td>
        <td>202212302</td>
        <!-- <td>一班</td> -->
      </tr>
      <tr>
        <td>王五</td>
        <td align="right"></td>
        <td>1.65</td>
        <td>202212303</td>
        <td>二班</td>
      </tr>
    </tbody>
    <tfoot>
      <tr>
        <td colspan="3" align="right">总人数</td>
        <!-- <td></td> -->
        <!-- <td></td> -->
        <td colspan="2" align="center">3</td>
        <!-- <td></td> -->
      </tr>
    </tfoot>
  </table>
</body>

</html>